<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
    <link rel="stylesheet" href="css/box.css">
</head>
<body>
    <div class="container">
        <h1>Loved by Developers</h1>
        <p>We are proud to have helped developers all over the world.</p>
        <div class="content">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
        <!-- width\height\border\margin\padding -->
        <!-- 块级元素和行内元素 -->
        <div class="box">
        <div class="box-inner">
            块级元素
        </div>
        <div class="box-inner">
            块级元素
        </div>
    </div>
    <div class="box">
        块级元素
    </div>
</body>
</html>